@item-height: 30px;
@head-width: 80px;
@item-margin: 3px;

@input-height: @item-height;

@color-default: #E1E3E4;
@color-blue: #3FA9F5;
@color-primary: #337ab7;
@color-success: #5cb85c;
@color-info:    #5bc0de;
@color-warning: #f0ad4e;
@color-danger:  #d9534f;

.c-form-item{
    &.primary {
        color: @color-primary;
        input, textarea, .input {
            border-color: @color-primary;
        }
    }
    &.success {
        color: @color-success;
        input, textarea, .input {
            border-color: @color-success;
        }
    }
    &.info {
        color: @color-info;
        input, textarea, .input {
            border-color: @color-info;
        }
    }
    &.warning {
        color: @color-warning;
        input, textarea, .input {
            border-color: @color-warning;
        }
    }
    &.danger {
        color: @color-danger;
        input, textarea, .input {
            border-color: @color-danger;
        }
    }

    &[data-hidden=true]{
        display: none !important;
        width: 0px;
        height: 0px;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

    /*height: @item-height;*/
    line-height: @item-height;
    /*overflow: hidden;*/
    &>*{
        height: 100%;
    }
    &>.fi-label{
        float: left;
        width: @head-width;
        font-weight: 500;
        font-size: 1.4rem;
    }
    &>.fi-input{
        float: left;
    }
    &>.fi-tip{
        font-size: 1.2rem;
        color: #EA2626;
        display: inline-block;
        line-height: 14px;
        margin-top: 8px;
    }

    &.hidden{
        display: none !important;
        height: 0px;
        width: 0px;
    }
}
